<template>
    <div class="h-full grid grid-rows-[minmax(444px,1fr)_max-content_330px] gap-[20px]">
        <!-- 实时告警 -->
        <box title='实时告警' class="cursor-pointer">
            <alarm-realtime :searchType="2" class="h-full"/>
        </box>
        <!-- 告警事件 -->
        <alarmevents />
        <alarmTrend class="" />

    </div>
</template>
<script setup lang="ts">
import box from '@/views/large-data-screen/component/box.vue'
import AlarmRealtime from '../../../component/public/alarm-realtime.vue';
import alarmevents from './component/alarmevents.vue';
import alarmTrend from "./component/alarm-trend.vue"
</script>
